import React from 'react'
import { Pane } from 'evergreen-ui'

interface Props {
  width?: number
  height?: number
}

const WhatsnewHomeImage = ({ width = 126, height = 105 }: Props) => {
  return (
    <Pane
      is="svg"
      width={width}
      height={height}
      viewBox={`0 0 ${width} ${height}`}
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M90 15.9342C90 12.7838 86.9738 10.25 83.2409 10.25H8.75909C5.02916 10.25 2 12.7949 2 15.9342V78.8158C2 81.9662 5.02615 84.5 8.75909 84.5H83.2409C86.9708 84.5 90 81.9551 90 78.8158V15.9342Z"
        fill="#EBF0FF"
      />
      <rect x="9.1853" y="37.9275" width="9.58064" height="9.58064" rx="2" fill="#D6E0FF" />
      <rect x="29.7661" y="37.9275" width="9.58064" height="9.58064" rx="2" fill="#D6E0FF" />
      <rect x="50.3467" y="37.9275" width="9.58064" height="9.58064" rx="2" fill="#D6E0FF" />
      <rect x="70.9275" y="37.9275" width="9.58064" height="9.58064" rx="2" fill="#D6E0FF" />
      <rect x="9.1853" y="53.496" width="9.58064" height="9.58064" rx="2" fill="#D6E0FF" />
      <rect x="29.7661" y="53.496" width="9.58064" height="9.58064" rx="2" fill="#D6E0FF" />
      <rect x="50.3467" y="53.496" width="9.58064" height="9.58064" rx="2" fill="#D6E0FF" />
      <rect x="70.9275" y="53.496" width="9.58064" height="9.58064" rx="2" fill="#D6E0FF" />
      <circle cx="18.4999" cy="54.25" r="4.66667" fill="#9DB5FF" stroke="#EBF0FF" strokeWidth="2" />
      <rect x="9.1853" y="69.0645" width="9.58064" height="9.58064" rx="2" fill="#D6E0FF" />
      <rect x="29.7661" y="69.0645" width="9.58064" height="9.58064" rx="2" fill="#D6E0FF" />
      <rect x="50.3467" y="69.0645" width="9.58064" height="9.58064" rx="2" fill="#D6E0FF" />
      <rect x="70.9275" y="69.0645" width="9.58064" height="9.58064" rx="2" fill="#D6E0FF" />
      <path
        d="M90 32.25V16.1167C90 12.8819 86.9739 10.25 83.2409 10.25H8.75909C5.02916 10.25 2 12.8766 2 16.1167V32.25H90H90Z"
        fill="#9DB5FF"
      />
      <path
        d="M21.2354 4.80627C21.2354 3.25641 22.4904 2 24.0268 2H26.827C28.3687 2 29.6184 3.26018 29.6184 4.80627V15.9599C29.6184 17.5097 28.3634 18.7661 26.827 18.7661H24.0268C22.4851 18.7661 21.2354 17.5059 21.2354 15.9599V4.80627Z"
        fill="#EBF0FF"
      />
      <path
        d="M62.3818 4.80627C62.3818 3.25641 63.6369 2 65.1733 2H67.9735C69.5151 2 70.7649 3.26018 70.7649 4.80627V15.9599C70.7649 17.5097 69.5099 18.7661 67.9735 18.7661H65.1733C63.6316 18.7661 62.3818 17.5059 62.3818 15.9599V4.80627Z"
        fill="#EBF0FF"
      />
      <path
        d="M114.082 93.8256L114.082 93.8223L112.552 85.5965L119.025 79.6432C119.028 79.6406 119.03 79.6381 119.033 79.6356C120.777 78.0396 121.456 75.5588 120.687 73.2718L120.675 73.2356L120.662 73.1996C119.875 70.9996 117.924 69.4781 115.676 69.1642C115.674 69.164 115.673 69.1637 115.671 69.1635L106.939 67.9325L103.048 60.317L103.034 60.2904L103.02 60.264C102.036 58.4068 100.192 57.2238 98.1713 57.0202L97.9712 57H97.7702H96.9493H96.1788L95.4634 57.2862L95.2026 57.3906L95.0618 57.4408L94.7348 57.5574L94.4328 57.7286C94.1092 57.912 93.7933 58.1351 93.4967 58.4019L93.3364 58.523L93.1829 58.6666C92.6836 59.1339 92.2921 59.6643 91.9992 60.2116L91.9746 60.2577L91.9511 60.3045L88.1291 67.9189L79.2917 69.1647L79.2685 69.1679L79.2454 69.1715C77.023 69.5114 75.1109 71.0343 74.3448 73.2152C73.539 75.4878 74.1783 77.9773 75.8973 79.5979L75.8987 79.5992L82.1727 85.5083L80.636 93.7628L80.6295 93.7978L80.6236 93.833C80.0569 97.2108 82.3743 100.248 85.5805 100.837L85.6338 100.847L85.6874 100.855C86.9712 101.055 88.282 100.856 89.4425 100.289L89.4728 100.274L89.5028 100.259L97.2656 96.307L105.167 100.312C107.19 101.354 109.652 101.212 111.545 99.8913C113.486 98.5642 114.523 96.2089 114.082 93.8256Z"
        fill="#F499DA"
        stroke="white"
        strokeWidth="8"
      />
    </Pane>
  )
}

export default WhatsnewHomeImage
